.patient360-detail-container {
  padding: 24px;
  background-color: #f0f2f5;
  min-height: calc(100vh - 64px);

  .page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;

    .header-title {
      font-size: 20px;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.85);
    }

    .header-actions {
      button {
        margin-left: 12px;
      }
    }
  }

  .patient-info-section {
    margin-bottom: 24px;

    .patient-header {
      display: flex;
      margin-bottom: 24px;

      .patient-avatar {
        margin-right: 24px;
      }

      .patient-basic {
        flex: 1;

        .patient-name {
          font-size: 20px;
          font-weight: 600;
          margin-bottom: 12px;
          color: rgba(0, 0, 0, 0.85);
        }

        .patient-ids {
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 12px;

          .id-item {
            margin-right: 24px;
            margin-bottom: 8px;

            .label {
              color: rgba(0, 0, 0, 0.45);
              margin-right: 8px;
            }

            .value {
              color: rgba(0, 0, 0, 0.65);
            }
          }
        }

        .patient-contact {
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 8px;

          .contact-item {
            display: flex;
            align-items: center;
            margin-right: 24px;
            margin-bottom: 8px;

            .icon {
              margin-right: 8px;
              color: rgba(0, 0, 0, 0.45);
            }

            .label {
              color: rgba(0, 0, 0, 0.45);
              margin-right: 8px;
            }
          }
        }
      }
    }

    .health-summary {
      h4 {
        font-size: 16px;
        margin-bottom: 16px;
        color: rgba(0, 0, 0, 0.85);
      }

      .summary-item {
        margin-bottom: 24px;

        h3 {
          font-size: 14px;
          margin-bottom: 12px;
          color: rgba(0, 0, 0, 0.65);
          display: flex;
          align-items: center;

          .anticon {
            margin-right: 8px;
          }
        }

        .summary-content {
          background-color: #fafafa;
          padding: 16px;
          border-radius: 4px;

          .med-item {
            margin-bottom: 8px;
            display: flex;
            align-items: center;

            .ant-tag {
              margin-right: 8px;
            }
          }
        }
      }
    }
  }

  .ant-empty {
    padding: 24px;
    color: rgba(0, 0, 0, 0.45);
  }

  .ant-table-wrapper {
    margin-bottom: 24px;
  }

  .ant-tabs-nav {
    margin-bottom: 16px;
  }
} 
